<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.11.3.js"></script>
    <script>
     $(function(){
         $('input').click(function(){
             $("img").animate({
                 'margin-left':'100px',
                 'opacity':0.3
             },'slow','linear',function(){
                 $("img").animate(
                     {
                         'margin-left':'200px',
                         'opacity':1
                     },
                     'slow'
                     ,
                     function(){
                         $("img").animate(
                             {
                                 'margin-top':'300px'
                             },
                             5000
                         )
                     }
                 )
             })

         })
     })
    </script>
</head>
<body>
<input type="button" value="点我">
<img src="1.jpg" width="760">

</body>
</html>